<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>芈租界</title>
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <link rel="icon" type="text/css" href="img/favicon.ico">
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="must">
        <!--网页头部-->
        <!--<div id="header"></div>-->
        <!--顶部导航条-->
        <nav id="nav" class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <a href="index.html">
                    <img class="mzj" src="img/logo_word.png" alt="">
                </a>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="login.html">登录</a>
                    </li>
                    <li>
                        <a href="register.html">注册</a>
                    </li>
                    <li>
                        <a href="personal_account.html">
                            <img class="person" src="img/personyellow.png">个人中心
                        </a>
                    </li>
                    <!--购物车弹窗-->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <img src="img/car.png" alt="">
                            <span class="badge">2</span>
                        </a>
                        <!--弹窗-->
                        <div id="propCar" class="dropdown-menu">
                            <p>购物车 (<span>2</span>)</p>
                            <ul class="carList">
                                <li>
                                    <img class="checkAlls" src="img/checked.jpg">
                                    <div class="media">
                                        <div class="media-left">
                                            <img src="img/example.jpg">
                                        </div>
                                        <div class="media-body">
                                            <p>
                                                <span>欧尚办公组合家具欧尚办公组合家具欧尚办公组合家具欧尚办公</span>
                                                <i class="pull-right">&times;</i>
                                            </p>
                                            <p>
                                                <img class="color" src="img/color.jpg">
                                                <img class="color" src="img/color.jpg">
                                                <img class="color" src="img/color.jpg">
                                                <u class="pull-right">
                                                    <b class="glyphicon glyphicon-minus-sign"></b>
                                                    <span id="boom">0</span>
                                                    <b class="glyphicon glyphicon-plus-sign"></b>
                                                </u>
                                            </p>
                                            <p>
                                                <span class="active data">12个月</span>
                                                <span class="data">24个月</span>
                                                <span class="pull-right">¥225/月</span>
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/checked.jpg">
                                    <div class="media">
                                        <div class="media-left">
                                            <img src="img/example.jpg">
                                        </div>
                                        <div class="media-body">
                                            <p>
                                                <span>欧尚办公组合家具欧尚办公组合家具欧尚办公组合家具欧尚办公</span>
                                                <i class="pull-right">&times;</i>
                                            </p>
                                            <p>
                                                <img class="color" src="img/color.jpg">
                                                <img class="color" src="img/color.jpg">
                                                <img class="color" src="img/color.jpg">
                                                <u class="pull-right">
                                                    <b class="glyphicon glyphicon-minus-sign"></b>
                                                    <span>0</span>
                                                    <b class="glyphicon glyphicon-plus-sign"></b>
                                                </u>
                                            </p>
                                            <p>
                                                <span class="active data">12个月</span>
                                                <span class="data">24个月</span>
                                                <span class="pull-right">¥225/月</span>
                                            </p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div class="bottomPay">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <img style="margin-bottom: 2px;" src="img/checked.jpg" alt="">
                                            已选择<span>2</span>件商品
                                        </div>
                                        <div class="col-xs-6">
                                            应付总额：<span style="color:#B84540;">¥2700</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-6">
                                            共计<span>2</span>件商品
                                        </div>
                                        <div class="col-xs-6">
                                            应付总额不包含运费
                                        </div>
                                    </div>
                                </div>
                                <div class="container-fluid">
                                    <a href="shoppingCar.html">
                                        <button class="btn btn-warning">立即付款</button>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
        <!--内容-->
        <div id="content">
            <!--内容导航栏-->
            <nav class="navbar navbar-default">
                <div class="container">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="#">家具租赁</a>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">增值服务</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">室内设计</a>
                                </li>
                                <li>
                                    <a href="#">定制化产品</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">最新咨询</a>
                        </li>
                        <li>
                            <a href="#">个人中心</a>
                        </li>
                    </ul>
                </div>
            </nav>
            <!--轮播-->
            <div id="carousel" class="container ">
                <div id="carousel_pic" class="carousel slide" data-ride="carousel" data-interval="3000">
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="img/carousel1.jpg">
                        </div>
                        <div class="item">
                            <img src="img/carousel2.jpg">
                        </div>
                        <div class="item">
                            <img src="img/carousel3.jpg">
                        </div>
                        <!--轮播上的功能-->
                        <div id="carouselFn">
                            <div class="fnList">
                                <p>办公家具</p>
                                <ul>
                                    <li><a href="#">办公桌</a></li>
                                    <li><a href="#">办公椅</a></li>
                                    <li><a href="#">文件柜</a></li>
                                    <li><a href="#">配件</a></li>
                                </ul>
                            </div>
                            <!--<div class="fnList">-->
                            <!--<p>商业家具</p>-->
                            <!--<ul>-->
                            <!--<li><a href="#">桌子</a></li>-->
                            <!--<li><a href="#">椅子</a></li>-->
                            <!--<li><a href="#">柜子</a></li>-->
                            <!--<li><a href="#">凳子</a></li>-->
                            <!--<li><a href="#">套装</a></li>-->
                            <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="fnList">-->
                            <!--<p>居家家具</p>-->
                            <!--<ul>-->
                            <!--<li><a href="#">桌子</a></li>-->
                            <!--<li><a href="#">椅子</a></li>-->
                            <!--<li><a href="#">柜子</a></li>-->
                            <!--<li><a href="#">凳子</a></li>-->
                            <!--<li><a href="#">套装</a></li>-->
                            <!--</ul>-->
                            <!--</div>-->
                        </div>
                    </div>
                    <ul class="carousel-indicators">
                        <li class="active" data-target="#carousel_pic" data-slide-to="0"></li>
                        <li data-target="#carousel_pic" data-slide-to="1"></li>
                        <li data-target="#carousel_pic" data-slide-to="2"></li>
                        <!--<li data-target="#carousel_pic" data-slide-to="3"></li>勿删-->
                        <!--<li data-target="#carousel_pic" data-slide-to="4"></li>勿删-->
                    </ul>
                </div>
            </div>
            <!--三个服务-->
            <div id="threeService" class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <a href="interior_design.html">
                            <img src="img/shinei.jpg">
                        </a>

                    </div>
                    <div class="col-xs-4">
                        <a href="customization_P.html">
                            <img src="img/dingzhi.jpg">
                        </a>

                    </div>
                    <div class="col-xs-4">
                        <a href="move_serve.html">
                            <img src="img/banjia.jpg">
                        </a>

                    </div>
                </div>
            </div>
            <!--热门家具-->
            <div id="f1" class="container hotFurniture">
                <div class="col-xs-8">
                    <p>热门家具</p>
                    <div class="row" style="padding:20px;">
                        <div class="col-xs-6">
                            <img src="img/index5.jpg" class="img-responsive">
                        </div>
                        <div class="col-xs-6">
                            <img src="img/index4.jpg" class="img-responsive" style="margin-bottom: 32px;">
                            <img src="img/index4.jpg" class="img-responsive" >
                        </div>
                    </div>
                </div>
                <div class="col-xs-4">
                    <p>高性价比</p>
                    <div class="row" style="padding:20px 13.5px">
                        <div class="col-xs-12">
                            <img class="high_price" src="img/index4.jpg" class="img-responsive" style="margin-bottom: 32.5px;">
                            <img class="high_price" src="img/index4.jpg" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <!--各类家具-->
            <div id="allFurniture">
                <!--办公家具-->
                <div id="f2" class="container">
                    <div class=" banGongFurniture">
                        <p>
                            办公用桌
                            <button class="btn btn-default pull-right">查看全部</button>
                        </p>
                        <div class="row">
                            <div class="col-xs-4">
                                <img src="img/index5.jpg">
                            </div>
                            <div class="col-xs-4 picFon" style="margin-right:10px;">
                                <dt>
                                    <img src="img/index003.jpg" class="img-responsive" alt="">
                                </dt>
                                <dd>
                                    日式简约组合办公桌椅
                                </dd>
                                <dd>
                                    支持折叠拆装，结构坚固，质量轻巧
                                </dd>
                                <dd>
                                    ¥359/套/月
                                </dd>
                            </div>
                            <div class="col-xs-4 picFon">
                                <dt>
                                    <img src="img/index003.jpg" class="img-responsive" alt="">
                                </dt>
                                <dd>
                                    日式简约组合办公桌椅
                                </dd>
                                <dd>
                                    支持折叠拆装，结构坚固，质量轻巧
                                </dd>
                                <dd>
                                    ¥359/套/月
                                </dd>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="introduce">用最短的时间，给您最好的办公环境</div>
                <!--商业家具-->
                <div id="f3" class="container">
                    <div class=" banGongFurniture">
                        <p>
                            办公用椅
                            <button class="btn btn-default pull-right">查看全部</button>
                        </p>
                        <div class="row">
                            <div class="col-xs-4">
                                <img src="img/index5.jpg">
                            </div>
                            <div class="col-xs-4 picFon" style="margin-right:10px;">
                                <dt>
                                    <img src="img/index003.jpg" class="img-responsive" alt="">
                                </dt>
                                <dd>
                                    日式简约组合办公桌椅
                                </dd>
                                <dd>
                                    支持折叠拆装，结构坚固，质量轻巧
                                </dd>
                                <dd>
                                    ¥359/套/月
                                </dd>
                            </div>
                            <div class="col-xs-4 picFon">
                                <dt>
                                    <img src="img/index003.jpg" class="img-responsive" alt="">
                                </dt>
                                <dd>
                                    日式简约组合办公桌椅
                                </dd>
                                <dd>
                                    支持折叠拆装，结构坚固，质量轻巧
                                </dd>
                                <dd>
                                    ¥359/套/月
                                </dd>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="introduce">各种各样的高端大气上档次，就问你心不心动？</div>
                <!--居家家具-->
                <div id="f4" class="container">
                    <div class=" banGongFurniture">
                        <p>
                            办公储柜
                            <button class="btn btn-default pull-right">查看全部</button>
                        </p>
                        <div class="row">
                            <div class="col-xs-4">
                                <img src="img/index5.jpg">
                            </div>
                            <div class="col-xs-4 picFon" style="margin-right:10px;">
                                <dt>
                                    <img src="img/index003.jpg" class="img-responsive" alt="">
                                </dt>
                                <dd>
                                    日式简约组合办公桌椅
                                </dd>
                                <dd>
                                    支持折叠拆装，结构坚固，质量轻巧
                                </dd>
                                <dd>
                                    ¥359/套/月
                                </dd>
                            </div>
                            <div class="col-xs-4 picFon">
                                <dt>
                                    <img src="img/index003.jpg" class="img-responsive" alt="">
                                </dt>
                                <dd>
                                    日式简约组合办公桌椅
                                </dd>
                                <dd>
                                    支持折叠拆装，结构坚固，质量轻巧
                                </dd>
                                <dd>
                                    ¥359/套/月
                                </dd>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="introduce">这里的每一件您看中的，都将是你未来的Style</div>
            </div>
        </div>
        <!--隔断底部-->
        <div id="partition"></div>
        <div id="footer"></div>
        <div class="affix">
            <ul>
                <li><a href="#f1">热门家具</a></li>
                <li><a href="#f2">办公用桌</a></li>
                <li><a href="#f3">办公用椅</a></li>
                <li><a href="#f4">办公储柜</a></li>
            </ul>
        </div>
    </div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootlint.js"></script>
    <script src="js/common.js"></script>
    <script src="js/index.js"></script>
    <script>
        //调用滚动监听插件函数
        $(window).scrollspy({
            target: 'div.affix'  //指定要操作的附加导航
        });
    </script>
    <!--<script>-->
    <!--bootlint.showLintReportForCurrentDocument([]);-->
    <!--</script>-->
</body>
</html>